<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>视频课程</title>
	<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"/>
	<meta name="format-detection" content="telephone=no">
	<meta name="format-detection" content="email=no">
	<link rel="stylesheet" href="../../css/frozen.css">
	<link rel="stylesheet" href="../../css/main.css">
</head>
<body>
<section class="v-h-con">
	<a href="javascript:;" class="logo">
		<img src="../../img/logo.png" alt="logo" width="120"/>
	</a>
	<div class="min-char">
		<canvas id="chart"></canvas>
	</div>
	<a class="loadimg vh-con-i" href="video_class.html" data-src="../../img/imgbg2.jpg">
		<span class="vh-ci-tit ui-nowrap">瑜伽运动系列，健康之路</span>
	</a>

	<a class="loadimg vh-con-i vh-50" href="javasrcript:;" data-src="../../img/imgbg1.jpg">
		<span class="vh-ci-tit ui-nowrap">瑜伽运动系列，健康之路</span>
	</a>

	<a class="loadimg vh-con-i vh-50" href="javasrcript:;" data-src="../../img/imgbg2.jpg">
		<span class="vh-ci-tit ui-nowrap">瑜伽运动系列，健康之路</span>
	</a>
</section>

<script src="../../lib/zepto.min.js"></script>
<script src="../../lib/Chart.min.js"></script>
<script src="../../js/frozen.js"></script>
<script src="../../js/main.js"></script>
<script>
	/* [曲线图]七日内健康关注度 */
	var config = {
		type: 'line',
		data: {
			labels : ["5日","6日","7日","8日","9日","10日","11日"],
			datasets : [
				{
					label: "健康关注度",
					backgroundColor: 'rgba(46,195,255,.8)',
					borderColor: 'rgba(46,195,255,.8)',
					pointBorderColor: 'rgba(46,195,255,.8)',
					pointBackgroundColor: "#fff",
					data : [65,59,90,81,56,55,40]
				}
			]
		},
		options: {
			responsive: true,
			legend: {
				display: false
			},
			scales: {
				xAxes: [{
					display: true
				}],
				yAxes: [{
					display: false
				}]
			},
			defaultFontSize : 10,
			defaultFontColor : "#666"
		}
	};
	window.onload = function() {
		var ctx = document.getElementById("chart").getContext("2d");
		window.myLine = new Chart(ctx, config);
	};
</script>
</body>
</html>